<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*全局reseat*/
				
				* {
					padding: 0px;
					margin: 0px;
				}
				/*顶部灰色区域*/
				#top {
					width: 100%;
					height: 35px;
					background: #F7F7F7;
					text-align: left;
					font-family: "宋体";
					font-size: 12px;
					line-height: 35px;
				}
				#top .left{
					width: 1200px;
					height: 35px;
					background: #F7F7F7;
					margin: 0 auto;
					position: relative;
				}
				#top .left p.dl span{
					font-family:"宋体";
					font-size: 12px;
					color: #808080;
	                margin-right: 5px;
					float: left;
					}
				#top .left p.dl a{
					font-family:"宋体";
					font-size: 12px;
					color: #808080;
					float: left;
					text-decoration: none;
					margin-right: 12px;
					}
				#top .left p.dl a.dd:hover{
					color: #b81c22;
					}
				#top .left p.dl a.th{
					color: #b81c22;
					}
				#top .right{
					position: absolute;
	                left:780px;
	                top:0px;
	                }
				#top .right p.kf a{
					font-family: "宋体";
					font-size: 12px;
					color:#808080;
					text-decoration: none;
					margin-right: 15px;
					position: relative;
				}	
				#top .right p.kf a:hover{
					color: #b81c22;
					}
				#top .right .sj a{
					position: absolute;
	                right:70px;
	                top:3px;
				}
				#top .right .fw a{
					position: absolute;
	                right:-5px;
	                top:3px;
				}
				#top .right .wx a{
					position: absolute;
	                right:-130px;
	                top:5px;
				}
				#top .right .yj a{
					position: absolute;
	                right:-150px;
	                top:5px;
				}
				/*顶部灰色区域结束*/
				/*广告区域*/
				#gg {
					width: 100&;
					height: 55px;
					background: #B81B22;
					position: relative;
				}
				#gg a.tp{
					position: absolute;
					left: 72px;
				}
				/*广告区域结束*/
				/*搜索区域*/
				#search {
					width: 1200px;
					height: 92px;
					margin: 0 auto;
					position: relative;
				}
				#search a.logo{
					width: 166px;
					height: 50px;
					display: block;
					background: url(images.png) no-repeat 0px -59px;
					position: absolute;
					top:20px;
					left: 32px;
				}
				#search form{
					width: 437px;
					height: 27px;
					border: 1px solid #C9CACA;
					position: absolute;
					left: 640px;
					top:28px;
			}
			    #search form .keyword{
			    	width:389px;
			    	height: 27px;
			    	border: none;
			    	border-right: 1px solid #C9CACA;
			    	color: #000;
					font-size: 12px;
					text-indent: 5px;
					float: left;
			    	}
			    #search form .sub{
			    	width: 47px;
					height: 27px;
					background: #B81C20;
					border: none;
					color: white;
					font-size: 12px;
					float: left;
			    	}
			    #search p.tags{
			    	position: absolute;
			    	top: 62px;
			    	left: 694px;
			    	}	
			    #search p.tags span{
			    	font-size: 12px;
					color: #727171;
					float: left;
					line-height: 20px;
					margin-right: 5px;
			    	}
			    #search p.tags a{
			    	font-size: 12px;
					color: #727171;
					text-decoration: none;
					float: left;
					line-height: 20px;
					margin-right: 11px;
			    	}
			    #search p.tags a:hover{
					color: #727171;
					text-decoration: none;
				}
				#search a.cart{
					display: block;
					height: 29px;
					width: 107px;
					/*border: 1px solid green;*/
					position: absolute;
					right: 0;
					top: 28px;
					background: url(images.png) no-repeat -153px 0;
					color: white;
					font-size: 12px;
					line-height: 29px;
					text-decoration: none;
					text-indent: 30px;
				}
			/*搜索区域结束*/
			/*导航区域*/
			/*外框*/
			#dh {
				width: 1200px;
				height: 49px;
				border: 1 solid blue;
				margin: 0 auto;
			}
			/*左框*/
			#dh #left {
				background: #b81c22;
				width: 260px;
				height: 49px;
				text-align: center;
				line-height: 49px;
				color: white;
				font-size: 16px;
				float: left;
				margin: 0 auto;
				}
			#right {
				width: 940px;
				height: 49px;
				float: left;
				background: #efefef;
				margin: 0 auto;
			}
			/*分类*/
			#right a {
				display: block;
				width: 117.5px;
				height: 49px;
				float: left;
				line-height: 49px;
				font-size: 16px;
				font-family: "微软雅黑";
				color: #727171;
				text-decoration: none;
				text-align: center;
			}
			#right a:hover {
				background: #e5e6e6;
				color: #b81c22;
			}
			/*导航区域结束*/
			/*轮播区域*/
			#flash {
				width: 1200px;
				height: 475px;
				margin-top: 15px;
				margin-left: 75px;
			}
			#flash .left {
				width: 260px;
				float: left;
			}
			#fkzc {
				width: 260px;
				height: 475px;
				position: relative;
			}
			#fkzc #man {
				width: 260px;
				height: 235px;
				border: 1px solid darkgrey;
			}
			#fkzc #man .nan {
				color: #B81C22;
				font-size: 14px;
				position: absolute;
				left: 35px;
				top: -8px;
				background: white;
				padding: 0 4px;
			}
			#fkzc #man .one {
				width: 260px;
				height: 58px;
				border-bottom: 1px solid darkgrey;
				position: relative;
			}
			#fkzc #man .one .f {
				font-size: 14px;
				color: #A3A2A2;
				text-decoration: none;
				font-family: "微软雅黑";
				line-height: 20px;
				position: absolute;
				left: 36px;
				top: 10px;
			}
			#fkzc #man .one p.l {
				position: absolute;
				left: 35px;
				top: 32px;
			}
			#fkzc #man .one p.l a {
				text-decoration: none;
				font-size: 12px;
				color: #727171;
				float: left;
				line-height: 20px;
				margin-right: 17px;
			}
			#fkzc #man .one p.l a.index {
				color: #B81C22;
			}
			#fkzc #man .one p.l a.index:hover {
				background: none;
				color: #B81C22;
			}
			#fkzc #man .one p.l a:hover {
				background: #e5e6e6;
				color: #B81C22;
			}
			#fkzc #woman {
				width: 260px;
				height: 117px;
				border: 1px solid darkgrey;
				margin-top: 30px;
				margin-left: -1px;
			}
			#fkzc #woman .nv {
				color: #B81C22;
				font-size: 14px;
				position: absolute;
				left: 35px;
				top: 258px;
				background: white;
				padding: 0 4px;
			}
			#fkzc #xie {
				width: 260px;
				height: 58px;
				border: 1px solid darkgrey;
				margin-top: 30px;
				margin-left: -1px;
				position: relative;
			}
			#fkzc #woman .jiaju {
				color: #B81C22;
				font-size: 14px;
				position: absolute;
				left: 35px;
				top: -12px;
				background: white;
				padding: 0 4px;
			}
			#flash .center {
				float: left;
				margin-left: 10px;
				margin-right: 10px;
			}
			#flash .right {
				width: 210px;
				height: 475px;
				float: left;
			}
			#fkyc .shang{
				width: 208px;
				height: 235.5px;
				border: 1px solid #A9A9A9;
				float: right;
				overflow: hidden;
				border-bottom: none;
			}
			#fkyc .xia{
				width: 208px;
				height: 235.5px;
				border: 1px solid #A9A9A9;
				float: right;
				overflow: hidden;
			}
			/*当季推荐*/
			h2 {
				color: #595757;
				font-family: "Microsoft Yahei";
				font-size: 17px;
				font-weight: 700;
				line-height: 40px;
				padding-left: 105px;
			}
			ul li {
				list-style: none;
			}
			#pic {
				width: 1200px;
				height: 480px;
				margin: 0 auto;
			}
			#pic .tp {
				overflow: hidden;
				width: 1300px;
				margin-left: 0px;
			}
			.tp li {
				float: left;
				margin-right: 10px;
				margin-top: 5px;
			}
			#pic1 {
				width: 1200px;
				height: 240px;
				margin: 0 auto;
			}
			#pic1 .tp {
				overflow: hidden;
				width: 1300px;
				margin-left: 0px;
			}
			/*下面链接*/
			#lianjie{
				width: 1200px;
				height: 190px;
				border: 1px solid #A9A9A9;
				margin: 30px auto 0 auto;
				position: relative;
				}
			#lianjie #gyfk{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				bottom:20px;
				
			}
			#lianjie .gy p.fk a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .gy p.fk a{
				font-family: "微软雅黑";
				font-size: 12px;
				color:#333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 75px;
			}
			#lianjie .gy p.fk a:hover{
				color: #a10000;
			}
			#lianjie #xszn{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				left: 200px;
				bottom:20px;
			
			}
			#lianjie .xs p.zn a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .xs p.zn a{
				font-family: "微软雅黑";
				font-size: 12px;
				color:#333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 75px;
			}
			#lianjie .xs p.zn a:hover{
				color: #a10000;
			}
			#lianjie #psfw{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				left: 400px;
				bottom:20px;
			}
			#lianjie .ps p.fw a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .ps p.fw a{
				font-family: "微软雅黑";
				font-size: 12px;
				color: #333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 55px;
			}
			#lianjie .ps p.fw a:hover{
				color: #a10000;
			}
			#lianjie #zffs{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				left: 600px;
				bottom:20px;
			}
			#lianjie .zf p.fs a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .zf p.fs a{
				font-family: "微软雅黑";
				font-size: 12px;
				color:#333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 55px;
			}
			#lianjie .zf p.fs a:hover{
				color: #a10000;
			}
			#lianjie #shfw{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				left: 800px;
				bottom:20px;
			}
			#lianjie .sh p.fw a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .sh p.fw a{
				font-family: "微软雅黑";
				font-size: 12px;
				color:#333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 55px;
			}
			#lianjie .sh p.fw a:hover{
				color: #a10000;
			}
			#lianjie #bzzx{
				width: 200px;
				height: 150px;
				border: none;
				border-right: 1px solid #A9A9A9;
				margin-top:25px;
				position: absolute;
				left: 1000px;
				bottom:20px;
			
			}
			#lianjie .bz p.zx a.bt{
				font-family: "微软雅黑";
				font-size: 13px;
				color:#333;
				text-align: left;
				margin-bottom: 20px;
				}
			#lianjie .bz p.zx a{
				font-family: "微软雅黑";
				font-size: 12px;
				color:#333;
				line-height: 20px;
	            text-decoration: none;
	            display: block;
	            text-align: left;
	            margin-left: 75px;
			}
			#lianjie .bz p.zx a:hover{
				color: #a10000;
			}
			/*底层*/
			#dc{
				width: 1200px;
				height: 85px;
				/*border: 1px solid #A9A9A9;*/
				margin: 0 auto;
				position: relative;
			}
			#dc a.lj1{
				width: 135px;
				height: 33px;
				display: block;
				background: url(images.png) no-repeat 0px -120px;
				position: absolute;
				top:26px;
				left: 95px;
			}
			#dc a.lj2{
				width: 170px;
				height: 33px;
				display: block;
				background: url(images.png) no-repeat 0px -162px;
				position: absolute;
				top:26px;
				left: 379px;
			}
			#dc a.lj3{
				width: 162px;
				height: 33px;
				display: block;
				background: url(images.png) no-repeat 0px -203px;
				position: absolute;
				top:26px;
				left: 684px;
			}
			#dc a.lj4{
				width: 170px;
				height: 33px;
				display: block;
				background: url(images.png) no-repeat 0px -244px;
				position: absolute;
				top:26px;
				right: 80px;
			}
			/*最下面*/
			#zx{
				width: 100%;
				height: 127px;
				border: none;
				border-top: 1px solid #3E3A39;
				margin: 0 auto;
				position: relative;
			}
			#zx p{
				color: #3E3A39;
	            font-family: "Microsoft YaHei";
	            font-size: 12px;
	            line-height: 33px;
	            text-align: center;
			}
			#zx a.cx{
				width: 110px;
				height: 40px;
				display: block;
				background: url(images1.png) no-repeat 0px -582px;
				position: absolute;
				top:58px;
				left: 312px;
			}
			#zx P.xh{
				width: 156px;
				height: 45px;
				display: block;
				background: url(images1.png) no-repeat 0px -629px;
				position: absolute;
				top:58px;
				left: 445px;
			}
			#zx a.jy{
				width: 96px;
				height: 42px;
				display: block;
				background: url(images1.png) no-repeat 0px -674px;
				position: absolute;
				top:58px;
				left: 625px;
			}
			#zx a.ba{
				width: 102px;
				height: 42px;
				display: block;
				background: url(images1.png) no-repeat -100px -674px;
				position: absolute;
				top:58px;
				left: 738px;
			}
			#zx a.ry{
				width: 42px;
				height: 42px;
				display: block;
				background: url(images1.png) no-repeat -202px -674px;
				position: absolute;
				top:58px;
				left: 857px;
			}
			#zx a.ysw{
				width: 120px;
				height: 42px;
				border: 1px solid white;
				display: block;
				}
			#zx a.ysw .ztc{
				background: url(images2.png);
				position: absolute;
				top:58px;
				left: 920px;
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<!--顶部灰色区域-->
		<div id="top">
			<div class="left">
				<p class="dl">
					<span>您好,欢迎光临凡客诚品！</span>
					<a href="">登录 |</a>
					<a href="">注册 </a>
					<a href="" class="dd">我的订单 </a>
					<a href="" class="dd">收藏本站 </a>
					<a href="" class="th">双十二退换货说明</a>
				</p>
			</div>

			<div class="right">
				<p class="kf">
					<a href="">我的凡客</a>
					<a href="">帮助中心</a>
					<a href="">网站公告</a>
					<a href="">手机凡客</a>
					<a href="">在线客服</a>
				</p>
				<div class="sj">
				<a href=""><img src="sj.png" /></a>
				</div>
				<div class="fw">
				<a href=""><img src="fw.png" /></a>
				</div>
				<div class="wx">
				<a href=""><img src="wx.jpg" /></a>
				</div>
				<div class="yj">
				<a href=""><img src="yj.jpg" /></a>
				</div>
				</div>
			</div>
		<!--广告区域-->
		<div id="gg">
			<a href="" class="tp"><img src="gg.jpg" /></a>
		</div>
		<!--搜索区域-->
		<div id="search">
			<a href="" class="logo"></a>
			<form action="">
				<input type="text" class="keyword" value="搜“针织衫”，体验与众不同" />
				<input type="submit" class="sub" value="搜索" />
			</form>
			<p class="tags">
				<span>热门搜索：</span>
				<a href="">衬衫</a>
				<a href="">羽绒服</a>
				<a href="">针织衫</a>
				<a href="">羊毛外套</a>
				<a href="">休闲裤</a>
				<a href="">牛仔裤</a>
			</p>
			<a href="" class="cart">购物车(0)</a>
		</div>
		<!--导航区域-->
		<div id="dh">
			<p id="left">全部商品分类</p>
			<div id="right">
				<a href="">Nautilus</a>
				<a href="">羽绒服</a>
				<a href="">衬衫</a>
				<a href="">外套</a>
				<a href="">针织衫</a>
				<a href="">休闲裤</a>
				<a href="">牛仔</a>
				<a href="">反季断码</a>
			</div>
		</div>
		<!--轮播区域-->
		<div id="flash">
			<div class="left">
				<div id="fkzc">
					<div id="man">
						<p class="nan">男装</p>
						<div class="one">
							<a href="" class="f">衬衫</a>
							<p class="l">
								<a href="" class="index">免烫</a>
								<a href="">法兰绒</a>
								<a href="">牛仔布</a>
								<a href="">牛津纺</a>
							</p>
						</div>

						<div class="one">
							<a href="" class="f">针织衫</a>
							<p class="l">
								<a href="" class="index">羊毛衫</a>
								<a href="">羊绒衫</a>
								<a href="">棉线衫</a>
							</p>
						</div>

						<div class="one">
							<a href="" class="f">外套</a>
							<p class="l">
								<a href="" class="index">羽绒服</a>
								<a href="">冲锋衣</a>
								<a href="">羊毛外套</a>
								<a href="">卫衣</a>
							</p>
						</div>
						<div class="one">
							<a href="" class="f">裤装</a>
							<p class="l">
								<a href="" class="index">牛仔裤</a>
								<a href="">休闲裤</a>
								<a href="">针织裤</a>
								<a href="">运动裤</a>
							</p>
						</div>
						<div id="woman">
							<p class="nv">女装</p>
							<div class="one">
								<a href="" class="f">上装</a>
								<p class="l">
									<a href="" class="index">羽绒服</a>
									<a href="">针织衫</a>
									<a href="">卫衣</a>
									<a href="">羊毛大衣</a>
								</p>
							</div>

							<div class="one">
								<a href="" class="f">裤装</a>
								<p class="l">
									<a href="" class="index">牛仔裤</a>
									<a href="">运动裤</a>
									<a href="">打底裤</a>
								</p>
							</div>
							<div id="xie">
								<p class="jiaju">鞋/家居/内衣/袜品</p>
								<div class="one">
									<p class="l">
										<a href="" class="index">鞋</a>
										<a href="">家居</a>
										<a href="">内衣</a>
										<a href="">袜品</a>
									</p>
								</div>
							</div>
						</div>

					</div>
				</div>

			</div>
			<img src="fanke.jpg" class="center" />
			<div id="fkyc">
				<div class="shang">
					<img src="33.jpg" />
				</div>
				<div class="xia">
					<img src="34.jpg" />
				</div>
			</div>
		</div>

		<h2>当季推荐</h2>
		<div id="pic">
			<ul class="tp">
				<li><img src="1.jpg" /></li>
				<li><img src="2.jpg" /></li>
				<li><img src="3.jpg" /></li>
				<li><img src="4.jpg" /></li>
				<li><img src="5.jpg" /></li>
				<li><img src="6.jpg" /></li>
				<li><img src="7.jpg" /></li>
				<li><img src="8.jpg" /></li>
				<li><img src="9.jpg" /></li>
				<li><img src="10.jpg" /></li>
			</ul>
		</div>
		<h2>上装</h2>
		<div id="pic">
			<ul class="tp">
				<li><img src="11.jpg" /></li>
				<li><img src="12.jpg" /></li>
				<li><img src="13.jpg" /></li>
				<li><img src="14.jpg" /></li>
				<li><img src="15.jpg" /></li>
				<li><img src="16.jpg" /></li>
				<li><img src="17.jpg" /></li>
				<li><img src="18.jpg" /></li>
			</ul>
		</div>
		<h2>下装</h2>
		<div id="pic">
			<ul class="tp">
				<li><img src="19.jpg" /></li>
				<li><img src="20.jpg" /></li>
				<li><img src="21.jpg" /></li>
				<li><img src="22.jpg" /></li>
				<li><img src="23.jpg" /></li>
				<li><img src="24.jpg" /></li>
				<li><img src="25.jpg" /></li>
				<li><img src="26.jpg" /></li>
			</ul>
		</div>
		<h2>更多精品</h2>
		<div id="pic1">
			<ul class="tp">
				<li><img src="27.jpg" /></li>
				<li><img src="28.jpg" /></li>
				<li><img src="29.jpg" /></li>
				<li><img src="30.jpg" /></li>
				<li><img src="31.jpg" /></li>
			</ul>
		</div>
		<!--下面链接一层-->
		<div id="lianjie">
			<div id="gyfk">
				<div class="gy">
					<p class="fk">
						<a href="" class="bt">关于凡客</a>
						<a href="">公司简介</a>
						<a href="">联系我们</a>
						<a href="">友情链接</a>
					</p>
				</div>
			</div>
			<div id="xszn">
				<div class="xs">
					<p class="zn">
						<a href="" class="bt">新手指南</a>
						<a href="" class="fl">账户注册</a>
						<a href="" class="fl">购物流程</a>
						<a href="" class="fl">网站地图</a>
					</p>
				</div>
			</div>
			<div id="psfw">
				<div class="ps">
					<p class="fw">
						<a href="" class="bt">配送范围及时间</a>
						<a href="" class="fl">国内配送</a>
						<a href="" class="fl">订单拆分</a>
					</p>
				</div>
			</div>
			<div id="zffs">
				<div class="zf">
					<p class="fs">
						<a href="" class="bt">支付方式</a>
						<a href="" class="fl">货到付款</a>
						<a href="" class="fl">在线支付</a>
						<a href="" class="fl">礼品卡及账户余额</a>
						<a href="" class="fl">其他支付方式</a>
					</p>
				</div>
			</div>
			<div id="shfw">
				<div class="sh">
					<p class="fw">
						<a href="" class="bt">售后服务</a>
						<a href="" class="fl">退换货政策</a>
						<a href="" class="fl">退换货办理流程</a>
						<a href="" class="fl">退换货网上办理</a>
						<a href="" class="fl">退款说明</a>
					</p>
				</div>
			</div>
			<div id="bzzx">
				<div class="bz">
					<p class="zx">
						<a href="" class="bt">帮助中心</a>
						<a href="" class="fl">在线客服</a>
						<a href="" class="fl">找回密码</a>
						<a href="" class="fl">隐私声明</a>
					</p>
				</div>
			</div>
		</div>
		<!--下面链接一层结束-->
		<!--底层-->
		<div id="dc">
			<a href="" class="lj1"></a>
			<a href="" class="lj2"></a>
			<a href="" class="lj3"></a>
			<a href="" class="lj4"></a>
		</div>
		<div id="zx">
			<p>Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
			<a href="" class="cx"></a>
			<P class="xh"></P>
			<a href="" class="jy"></a>
			<a href="" class="ba"></a>
			<a href="" class="ry"></a>
			<a href="" class="ysw"><img src="images2.png" class="ztc" /></a>
		</div>
	</body>

</html>